body {
  /*padding: 10px;*/
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
}

a {
  color: #00B7FF;
}

.box{
  border-color: red;
  border-width: 0px;
  border-style: none;
  margin: 0px;
}

.toolbar{
  width: 600px;
  height: 40px;
}

.editPanel{
  width:100%;
  height:100%;
  overflow-y:hidden;
  overflow-x:hidden;
  /*margin:0px;*/
  padding:0px;
}

.propertyPanel{
  width: 300px;
  min-height: 40px;
}

.selected{
  visibility:hidden;
}

#shell, .preview{
  position: absolute;
}

.preview {
  left:850px;
  top:58px;
  width: 800px;
  height: 800px;
  background-color: snow;
}

.viewer > div:first-child {
  /*background-image: url("./images/background.png");*/
  background-image: url("./images/back.jpg");
}

/***********/
.master-area {
  top:0px;
  position: absolute;
  width: 100%;
  height: 100%;
  /*background-color: rgba(200,88,99, 0.8);*/
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

.toolbar-container,
.palette-container,
.graphical-container,
.outline-container,
.property-container {
  position: absolute;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

.toolbar-container {
  width: 100%;
  height:34px;
  top:0px;
  left: 0px;
  background-color: whitesmoke;
  z-index: 2;
}

.palette-container,
.graphical-container {
  top:0px;
  padding-top:34px;
  z-index: 1;
  height: 100%;
}

.palette-container {
  left: 0px;
  width: 10%;
  /*background-color:#e5e5e5;*/
}

.graphical-container{
  left: 10%;
  width: 70%;
  overflow: auto;
  background-color:#e8e8e8;
}

.outline-container .outlineViewer::-webkit-scrollbar, .graphical-container::-webkit-scrollbar {width: 8px;height:8px;}
.graphical-container::-webkit-scrollbar-track-piece{background-color: #eee;margin-top: 34px;}
.graphical-container::-webkit-scrollbar-thumb{background: #aaa;min-height: 150px;min-width: 150px;border-radius: 10px;}
.outline-container .outlineViewer::-webkit-scrollbar-thumb:vertical:hover, .graphical-container::-webkit-scrollbar-thumb:vertical:hover{background: #555555}
.outline-container .outlineViewer::-webkit-scrollbar-thumb:horizontal:hover, .graphical-container::-webkit-scrollbar-thumb:horizontal:hover{background: #555555}

.outline-container{
  top:0px;
  padding-top:34px;
  z-index: 1;
  left: 80%;
  width: 20%;
  height: 50%;
  overflow:hidden;
  /*background-color: #e5e5e5;*/
}

.outline-container .outlineViewer::-webkit-scrollbar-track-piece{background-color: #eee;}
.outline-container .outlineViewer::-webkit-scrollbar-thumb{background: #aaa;min-height: 20px;min-width: 20px;border-radius: 10px;}
.outline-container .outlineViewer{ overflow: auto;}
.property-container{
  top:50%;
  left: 80%;
  width: 20%;
  height: 50%;
  /*background-color: #e5e5e5;*/
}

/***************/
.btn-group>.btn{
  border-radius: 0;
}

.palette-container .panel {
  margin-bottom: 0px;
}